@charset "utf-8";
/* top */
html {
	background-color: #f2f2f2;
}

.top {
	position: relative;
	width: 100%;
	height: 4rem;
	line-height: 4rem !important;
	color: #fff;
	background: #464646;
	overflow: hidden;
}

.top span.close {
	position: absolute;
	top: 0;
	right: 0;
	width: 5.8%;
	height: 1.8rem;
	background: url(/resources/images/weixin2.1/notice-close.png) center
		no-repeat;
	background-size: 45.9%;
}

.top span.item {
	padding: 0 0.8rem 0 1rem;
	font-size: 1.5rem;
}

.top a {
	display: inline-block;
	margin-left: 1.7rem;
	padding: 0 1.2rem;
	line-height: 2.4rem !important;
	color: #f9bb2b;
	border: 1px solid #daa72f;
	border-radius: 0.8rem;
}

/* header */
.header {
	width: 100%;
	height: 4rem;
	background: #fff;
	overflow: hidden;
}

.header img {
	float: left;
	margin: 0.5rem 0 0 1rem;
	width: 27.2%;
}

.header .user {
	float: right;
	padding: 0.7rem 0.2rem 0 0;
	text-align: center;
	overflow: hidden;
}

.header .user a {
	display: block;
	margin: 0 0.8rem;
	float: left;
	width: 4.4rem;
	height: 2.4rem;
	line-height: 2.4rem;
	color: #f24e4c;
	border: 1px solid #f24e4c;
	border-radius: 0.6rem;
}

.header .user a.reg {
	color: #fff;
	background: #f24e4c;
}

/* banner */
.banner {
	position: relative;
	width: 100%;
	overflow: hidden;
	height: 12rem; 
}

.banner .bd, .banner .bd li, .banner .bd li img {
	width: 100%;
	overflow: hidden;
}

.banner .hd {
	position: absolute;
	left: 0;
	bottom: 0.6rem;
	z-index: 1;
	width: 100%;
	height: 0.6rem;
	text-align: center;
	overflow: hidden;
}

.banner .hd li {
	display: inline-block;
	margin: 0 0.3rem;
	width: 0.6rem;
	height: 0.6rem;
	border-radius: 0.6rem;
	text-indent: -99rem;
	background: #b5b5b5;
}

.banner .hd li.on {
	background-color: #646464;
}

/* novice-list */
.novice-list {
	padding-top: 0.6rem;
	width: 100%;
	overflow: hidden;
}

.novice-list li {
	position: relative;
	margin: 0 auto 0.6rem;
	width: 92.2%;
	border: 1px solid #d7d7d7;
	background: #fff;
}

.novice-list li p.item1 {
	position: absolute;
	left: -0.5rem;
	top: 1.2rem;
	width: 5.8%;
	overflow: hidden;
}

.novice-list li p.item1 img {
	width: 100%;
}

.novice-list li p.item2 {
	padding: 0.8rem 5.75% 0;
	line-height: 2.3rem !important;
	font-size: 1.1rem;
	color: #323232;
}

.novice-list li p.item2 span.redicon {
	display: inline-block;
	width: 2.4rem;
	height: 1.6rem;
	vertical-align: middle;
	background: url(/resources/images/weixin2.0/proDetails/rediocn.png)
		no-repeat;
	background-size: 100% 100%;
}

.novice-list li p.item2 span.proname {
	padding: 0 0.6rem;
	font-size: 0.9rem;
	color: #999;
}

.novice {
	margin: 0 auto;
	padding-bottom: 0.7rem ;
	width: 88.5%;
	/* line-height: 1.4rem !important; */
	font-size: 0.9rem;
	color: #b8b8b8;
	overflow: hidden;
}

.novice tr:first-child td {
	height: 3.6rem;
	vertical-align: bottom;
	overflow: hidden;
}

.novice td:nth-child(2n) {
	text-align: center;
}

.novice td:nth-child(3n) {
	text-align: right;
}

.novice span.nost1 {
	font-size: 1.5rem;
	color: #f24e4c;
}

.novice span.nost2 {
	font-size: 2.5rem;
}

.novice span.nost3 {
	font-size: 1.5rem;
	color: #323232;
}

.novice span.nost4 {
	color: #2d9bf8;
	color: #00a0e9;
}

.novice span.nost5 {
	position: relative;
	display: inline-block;
	padding: 0 1rem;
	line-height: 1.4rem;
	border-radius: 0.8rem;
	background: #e2f0fb;
}

.novice span.nost6 {
	font-size: 1.7rem;
	color: #00a0e9;
}

.novice span.nost7 {
	padding-right: 1.5rem;
}

.novice span.triangle {
	position: absolute;
	left: 50%;
	top: -0.4rem;
	display: block;
	margin-left: -0.4rem;
	width: 0.7rem;
	height: 0.45rem;
	background: url(/resources/images/weixin2.0/index/triangle.png) top
		no-repeat;
	background-size: 100%;
}

.novice p.rob {
	float: right;
	width: 4.8rem;
	height: 4.8rem;
	line-height: 4.8rem !important;
	font-size: 2.1rem;
	color: #06090a;
	text-align: center;
	border: 0.2rem solid #c4e6f3;;
	border-radius: 5rem;
}

.novice .canvas {
	position: relative;
	float: right;
	width: 5rem;
	height: 5rem;
	overflow: hidden;
}

.novice .canvas .canvas0, .novice .canvas .canvas1 {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
}

.novice .canvas .canvas1 {
	z-index: 2;
}

.novice p.rate {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
	width: 5rem;
	height: 5rem;
	line-height: 5rem !important;
	text-align: center;
	font-size: 1.1rem;
	color: #f24e4c;
}

.novice p.rate-grey {
	font-size: 1.3rem;
	color: #969696;
}

.novice p.rate span {
	font-size: 2rem;
}

.novice-list li p.item3 {
	padding: 0 5.75%;
	line-height: 2.8rem !important;
	font-size: 0.9rem;
	color: #323232;
	border-top: 1px solid #ececec;
}

.novice-list li p.item3 span.assure {
	display: block;
	float: left;
	padding: 0 0.5rem 0 1.5rem;
	color: #b8b8b8;
	background: url(/resources/images/weixin2.0/safe.png) left no-repeat;
	background-size: 1.05rem 1.2rem;
}

.novice-list li p.item3 span.vote {
	float: right;
}

.list-index li p.item2, .list-index li p.item3 {
	padding-left: 8%;
}

.list-index li .novice {
	padding-left: 1.5%;
	width: 87%;
}

/* box */
.box1 {
	width: 100%;
	height: 3rem;
	line-height: 3rem !important;
	text-align: center;
	font-size: 1.1rem;
	color: #666;
	border-bottom: 1px solid #d7d7d7;
	box-shadow: 0 0 3px #f9f9f9;
}

.box1 span {
	padding: 0 0.2rem;
	font-size: 1.2rem;
	color: #f24e4c;
}

.box2 {
	width: 100%;
    height: 3rem;
    line-height: 1.5rem !important;
    text-align: center;
    font-size: 1rem;
    color: #999;
    overflow: hidden;
    padding: 1rem 0;
}

.box2 span {
	/* background: url(/resources/images/weixin2.1/gzw-bg.png) left top
		no-repeat; */
	background-size: 1.2rem;
}

/* reg-success */
.reg-success {
	padding: 5rem 0 7rem;
	line-height: 2rem !important;
	color: #1e1e1e;
	font-size: 1.2rem;
	overflow: inherit;
}

.reg-success .head {
	background: url(/resources/images/weixin2.1/reg-success-head.png) left
		top no-repeat;
	width: 112%;
    height: 5.4rem;
    line-height: 4.5rem;
    background-size: 99.2%;
    position: absolute;
    left: -5.6%;
    top: 0rem;
    color: #fff;
    font-size: 2.25rem;

}

.reg-success span.closePop {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	padding: 1.75rem 0.6rem;
	width: 0.9rem;
	height: 0.9rem;
	background: url(/resources/images/weixin2.1/reg-success-close.png) center no-repeat;
	background-size: 1.25rem;
	z-index: 9;
}

.reg-success p {
	padding-top:1rem;
}
.reg-success span {
	color: #f24e4c;
}


.reg-success font {
	font-size: 0.9rem;
	line-height: 2.8rem;
}
.reg-success .regSbtn {
	position: absolute;
	left: 4.8%;
	bottom: 1rem;
	width: 90.4%;
	color: #f24e4c;
	background: #ffe02e;
}
.reg-success .regSbtn span { font-size: 1.75rem;}
/* proList */
.placeholder-proList {
	height: 5rem;
}

.proList-nav {
	position: fixed;
	left: 0;
	top: 4.4rem;
	z-index: 9;
	width: 100%;
	line-height: 2.9rem !important;
	background: #fff;
	overflow: hidden;
}

.proList-nav ul {
	margin: 0.5rem auto;
	width: 74.7%;
	text-align: center;
	border: 1px solid #f24e4c;
	border-radius: 0.4rem;
	overflow: hidden;
}

.proList-nav li {
	float: left;
	width: 50%;
	color: #f24e4c;
}

.proList-nav li.currt {
	color: #fff;
	background: #f24e4c;
}

.proList-nav .radio {
	padding: 0 8.5% 0 11.5%;
	width: 80%;
	height: 2.9rem;
	font-size: 0.9rem;
	color: #666;
	border-top: 1px solid #d7d7d7;
	border-bottom: 1px solid #d7d7d7;
	background: url(/resources/images/weixin2.0/index/radio.png) 1.5rem
		0.9rem no-repeat;
	background-size: 1.6rem 1.2rem;
	overflow: hidden;
}

/*V2.1.1 0918*/
/* 公告notice */
.notice {
	width: 100%;
	height: 2.6rem;
	color: #666;
	font-size: 0.9rem;
	background: #faf1c0;
	position: relative;
	overflow: hidden;
	border-bottom: 1px solid #d7d7d7; 
}

.notice .hd {
	position: absolute;
	left: -99rem;
}

.notice .bd {
	float: left;
	width: 80%;
	height: 100%;
}

.notice .bd li {
	width: 100%;
	text-align: left;
	text-indent: 0.3rem;
	line-height: 3;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.notice .bd li a {
	color: #666;
}

.notice i {
	float: left;
	background: url(/resources/images/weixin2.1/notice.png) 1rem center
		no-repeat;
	background-size: auto 50%;
	width: 10%;
	height: 100%;
}

.notice span {
	position: absolute;
	top: 0;
	right: 0;
	width: 5.8%;
	height: 2.6rem;
	background: url(/resources/images/weixin2.1/notice-close.png) center
		no-repeat;
	background-size: 45.9%;
}

.novice-list li p.item8 {
	position: absolute;
	left: -0.5rem;
	top: 1.2rem;
	width: 5.8%;
	overflow: hidden;
}

.novice-list li p.item8 img {
	width: 100%;
}

@media screen and (max-width:320px) {
	.novice p.rate {
		position: absolute;
		left: 5%;
		top: 24%;
		z-index: 2;
		right: 10%;
		width: 80%;
		text-align: center;
		line-height: 2rem !important;
		
		color: #f24e4c;
		height: 2rem;
	}
}
@media screen and (width:414px) {
	
}
/*game reg success*/
.alert .mask{background-color:rgba(0,0,0,.5);width:100%;height:100%;position:fixed;top:0;right:0;left:0;bottom:0;z-index:9998;}
.alert .game-reg-success{z-index:9999;}
.game-reg-success .head{background:url(/resources/images/game/game-reg-head.png) left top no-repeat;background-size:99.2%;}
.game-reg-success p{line-height:2.25rem;padding-top:2.5rem;}
.game-reg-success .regSbtn{width:80%;background-color:#dab589;color:#1e1e1e;font-size:1.5rem;left:9.8%;border-radius:1.6rem;}